<%@ page contentType="text/html;charset=UTF-8"%>
<div class="row">
	<div class="col-md-4">
		<div id="foot_info" class="dataTables_info"></div>
	</div>
	<div class="col-md-4"></div>
	<div class="col-md-1">
		<div id="foot_all" class="dataTables_info">
			<label>All: 
				<input name="allFlag" id="allFlag" onchange="changeflag();" type="checkbox"  class="checkboxes" value="0">
			</label>
		</div>
	</div>
	<div class="col-md-3">
		<div id="foot_paginate" class="dataTables_paginate paging_bootstrap_extended">
			<div class="pagination-panel">
				Page
				<a id="previous" class="btn btn-sm default prev" href="#"><i class="fa fa-angle-left"></i></a>
				<input id="pagenum" class="pagination-panel-input form-control input-sm input-inline input-mini" 
				type="text" style="text-align:center; margin: 0 5px;" value="1"/>
				<a id="next" class="btn btn-sm default next" href="#"><i class="fa fa-angle-right"></i></a>
				of
				<span id="pages" class="pagination-panel-total"></span>
			</div>
		</div>
	</div>
</div>
	<script type="text/javascript">	
	function changeflag() {
		var checkBox = $("#allFlag");
		//alert(checkBox.is(':checked'));
		if(checkBox.is(':checked') == true ){
			$("#allFlag").val("1");
			$("#foot_paginate").css("display","none");
		}
		else {
			$("#allFlag").val("0");
			$("#foot_paginate").css("display","block");
		}
		//alert($("#allFlag").val());
		//window.location.reload();
	}
	</script>